<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>斑马线考试</title>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/css/main_test.css">
</head>
<body style="height: 100%;">
<div style="width: 100%; margin: 0 auto;">
    <div class="container-top">
        <div class="home-right">
            用户：<span id="name"></span>（<span id="time"></span>）&nbsp;
            <button class="button" style="vertical-align:middle" title="回到主页" id="btnBackIndex"><span>回到主页</span>
            </button>
            <button class="button" style="vertical-align:middle" title="回到上页" id="btnBackPre"><span>回到上页</span>
            </button>
            <button class="button" style="vertical-align:middle" title="我的错题" id="btnBackMyErr"><span>我的错题</span>
            </button>
            <%--  <button class="button" style="vertical-align:middle" title="修改密码"><span>修改密码</span>
              </button>--%>
            <button class="button" style="vertical-align:middle" title="退出考试"  id="btnExitExam"><span>退出考试</span>
            </button>
        </div>
    </div>
</div>
<div class="examdiv">
    <div class="exam1">
        <div class="exam1-1">
            考号：BMX000<span></span>
        </div>
        <div class="exam1-2">
            <img src="${pageContext.request.contextPath}/static/img/head.jpg">
            <ul>
                <li>考生姓名：<span></span></li>
                <li>考生时间：<span></span></li>
                <li>考题数量：<span></span></li>
                <li>考试车型：<span></span></li>
                <li>考试科目：<span></span></li>
            </ul>
        </div>
        <div class="exam1-3">剩余时间：<span class="lefttime"><span id="_m"></span><span id="_s"></span></span></div>
        <div class="exam1-4">
            <ul>
                <li id="btnShowAnswer">显示答案</li>
                <li id="btnErrAutoVoice">答错时播放技巧语音</li>
                <li id="btnTrueAutoNext" class="isOpen">答对时翻页</li>
            </ul>
        </div>
    </div>
    <div class="exam2">
        <div class="exam2-1">
            <div class="exam-info"><%--信号灯-39 题目ID：7702--%></div>
            <div class="exam-title">
                <span class='TiLeiXing'></span>
                <span class='DaAnText'></span>
                <span class='DaAnHtml' style='display: none;'></span>
            </div>
            <ul class="exam-text">
            </ul>
        </div>
        <div class="exam2-2">
            <div class="exam2-2-Left">
                <div class="exam-skill">
                    <div class="exam-info">技巧描述：</div>
                    <div class="exam-describe">

                    </div>
                </div>
            </div>
            <div class="exam2-2-Right">
                <div class="exam-info">提示：多项选择请选择好答案后点确定按钮
                    <div style="float: right; padding-right: 15px;" id='pageSub'>
                        <button class='pointer' id="btnPre">上一题</button>
                        <button class='pointer' id="btnNext">下一题</button>
                    </div>
                </div>
                <div class="exam-answer" style="display: none" >正确答案：<span class="myanswer" style="color: #5A9E43">A</span></div>
                <div class="exam-select">
                    <%--<span class="answer-title">选择：</span>--%>
                    <%--<a class="an-btn A" onclick="RadioCheck(18720,1,1)">A</a>
                    <a class="an-btn B" onclick="RadioCheck(18720,1,2)">B</a>
                    <a class="an-btn C" onclick="RadioCheck(18720,1,4)">C</a>
                    <a class="an-btn D" onclick="RadioCheck(18720,1,8)">D</a>--%>
                </div>

            </div>

        </div>
        <div class="exam2-3">

        </div>
        <div class="exam-tel">招商加盟热线： 173-1309-9699 / 028-61748400</div>

    </div>
    <div class="exam3">
        <div class="exam3-1" id="StrNum">
        </div>
        <div class="exam3-2">
            <button class='pointer' id="btnJiaoJuan">我要交卷</button>
            <button id='ErrorId' class='pointer'>错题重做</button>
        </div>
        <div class="exam3-3">
            <div class="exam-info">练习结果：</div>
            <ul id='PractRe'>
                <li>抽题数量：<span></span></li>
                <li>答对题目：<span></span></li>
                <li>答错题目：<span></span></li>
                <li>未答题目：<span></span></li>
                <li>首正率： <span></span> </li>
                <!-- <li>答题比成绩：10</li> -->
            </ul>
        </div>
        <div class="exam3-4">
            <div class="exam-info"></div>
            <div class="exam-jj">
                <button class='check-button pointer' id="btnJiqiao">技巧讲解</button>
            </div>
        </div>
    </div>
    <input type="hidden" id='TimeOut' value="2018-05-04 10:23:00">
    <div class="exam4">
        <%--<audio id='musicpath' src="/upload/music/7702.mp3" preload></audio>--%>
    </div>
</div>
<!--  显示答案选项模板，不显式 -->
<li style="display: none" id="timudaanmuban">
    <span></span>
    <span class='DaAnText'></span>
    <span class='DaAnHtml' style='display: none;'></span>
</li>

<audio id="audioSpeak"></audio>

</body>
<script src="${pageContext.request.contextPath}/static/js/jquery.min.js"></script>
<script src="${pageContext.request.contextPath}/static/layer/layer.js"></script>
<script src="${pageContext.request.contextPath}/static/js/CheckDaAn.js"></script>
<script>
    var typeInModel =${type};
    var seidsStringInModel = "${seids}";
    var radomInModel = "${radom}";
</script>
<script src="${pageContext.request.contextPath}/static/js/exam/exam-common.js"></script>
<script src="${pageContext.request.contextPath}/static/js/exam/exam-currentErr.js"></script>

</html>
